<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>Basic Table</title>

    <!--导入: common-->
    <div th:include="~{common/component :: commone-css}"></div>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <div th:include="common/component :: brosupport-js"></div>
    <![endif]-->
</head>

<body class="sticky-header">
<section>
    <!-- left side start-->
    <div th:include="~{common/component::leftSide}"></div>
    <!-- 左侧结束-->

    <!-- main content start-->
    <div class="main-content">

        <!-- 头部分开始-->
        <div th:include="~{common/component::headerSection}"></div>
        <!-- 头部分结束-->

        <!--内容区域开始-->
        <div class="wrapper">
            <div class="row">
                <div class="col-lg-6">
                    <section class="panel">
                        <header class="panel-heading">
                            Iconic field
                        </header>
                        <div class="panel-body">
                            <form role="form" th:action="@{/edit}" method="post">
                                <div class="form-group">
                                    <input type="hidden" name="id" th:value="${user.id}" class="form-control" placeholder="left icon">
                                    <label>姓名</label>
                                    <div class="iconic-input">
                                        <i class="fa fa-home"></i>
                                        <input type="text" name="name" th:value="${user.name}" class="form-control" placeholder="left icon">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>年龄</label>
                                    <div class="iconic-input">
                                        <i class="fa fa-home"></i>
                                        <input type="text" name="age" th:value="${user.age}" class="form-control" placeholder="left icon">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>邮箱</label>
                                    <div class="iconic-input">
                                        <i class="fa fa-home"></i>
                                        <input type="text" name="email" th:value="${user.email}" class="form-control" placeholder="left icon">
                                    </div>
                                </div>
                                <input type="submit" class="btn btn-danger" value="立即修改">
                            </form>

                        </div>
                    </section>
                </div>
            </div>
            <!--内容区域结束-->

            <!--footer  start-->
            <footer>2014 &copy; AdminEx by ThemeBucket</footer>
            <!--footer  end--> </div>
        <!-- main content end-->
</section>

</body>
<!-- Placed js at the end of the document so the pages load faster -->
<div th:include="~{common/component :: jquery-js}"></div>
<!--easy pie chart-->
<div th:include="~{common/component :: pieChart-js}"></div>
<!--Sparkline Chart-->
<div th:include="~{common/component :: sparkChart-js}"></div>
<!--icheck -->
<div th:include="~{common/component :: icheck-js}"></div>
<!-- jQuery Flot Chart-->
<div th:include="~{common/component :: jqeryFlot-js}"></div>
<!--common scripts for all pages-->
<script src="js/scripts.js"></script>
</html>